<!DOCTYPE html>
<html lang="zh_CN">

<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<title>解析页</title>
	<meta name="viewport" content="initial-scale=1, maximum-scale=1">
	<!-- <link rel="shortcut icon" href="http://favicon.ico"> -->
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="apple-mobile-web-app-status-bar-style" content="black">
	<meta name="viewport"
		content="width=device-width, height=device-height, user-scalable=no, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0">

	<!--<link rel="stylesheet" href="//g.alicdn.com/msui/sm/0.6.2/css/sm-extend.min.css">-->

	<!-- 固定的css 和 common.js 的引用    -->
	<link rel="stylesheet" href="http://47.104.254.28/commonfile/css/sm.min.css">
	<link rel="stylesheet" href="http://47.104.254.28/commonfile/css/swiper.min.css">
	<link rel="stylesheet" href="http://47.104.254.28/commonfile/css/common.css">
	<script type="text/javascript" src="http://47.104.254.28/commonfile/common/common/common.js"></script>
	<!-- <script type="text/javascript" src="../../common/common/common.js"></script> -->

	<!-- <link rel="stylesheet" href="../../css/sm.min.css">
	<link rel="stylesheet" href="../../css/swiper.min.css">
	<link rel="stylesheet" href="../../css/common.css">
	<script type="text/javascript" src="../../common/common/common.js"></script> -->

	<!-- <script type="text/javascript"
		src="http://47.104.254.28/commonfile/js/js/vconsole.min.js"></script>
	<script>
		var vConsole = new VConsole();
	</script> -->



	<style type="text/css">
		/*css 的样式都放在这里*/
		.mingzi {
			color: #02CAAD;
		}

		#jiexi_content_parsing_parsing, #jiexi_content_parsing_review {
			box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
			padding: 0.5rem 0.5rem;
			border-radius: 0.2rem;
			margin: 0.5rem 0 1rem;
		}

		#jiexi_content_parsing_parsing_span,
		#jiexi_content_parsing_review_span {
			font-weight: 700;
			position: relative;
			padding-left: 0.75rem;
		}

		#jiexi_content_parsing_parsing_span::after,
		#jiexi_content_parsing_review_span::after {
			content: '';
			position: absolute;
			top: 50%;
			left: 0;
			transform: translateY(-50%);
			border: 3px solid #3861f1;
			border-radius: 50%;
		}

		/*jiexi_content_type布局*/
		#jiexi_content_type_layout {
			display: none;
			margin-left: 3%;
			width: 94%;
			margin-top: 10px;
			font-weight: 900;
		}

		#jiexi_content_type_span {
			color: #5296f7;
			border-bottom: solid 2px #5296f7;
		}

		/*jiexi_content_question布局*/
		#jiexi_content_question_layout {
			margin-left: 3%;
			width: 94%;
			margin-top: 10px;
		}

		/*jiexi_content_options布局*/
		#jiexi_content_options_layout {
			margin-left: 3%;
			width: 94%;
			margin-top: 10px;
		}

		/*对勾样式*/
		.jiexi_duigou {
			/*display: none;*/
			width: 5%;
		}

		.jiexi_options_type {
			/* border: solid 1px gainsboro; */
			margin-bottom: 5px;
			padding-bottom: 5px;
			padding-top: 5px;
			border-radius: 2px;
		}

		.jiexi_options_type table,
		.jiexi_options_type table tr {
			width: 100%;
		}

		#jiexi_options_type_td_first {
			/* width: 5%; */
			width: 1.6rem;
			height: 1.6rem;
			text-align: center;
		}

		.choosebox {
			position: relative;
			box-sizing: border-box;
			width: 1.5rem;
			height: 1.5rem;
			line-height: 1.5rem;
			border-radius: 50%;
			color: #3861f1;
			padding-top: 0.05rem;
		}

		.choosebox::after {
			content: ' ';
			position: absolute;
			top: -50%;
			left: -50%;
			right: -50%;
			bottom: -50%;
			border: 1px solid #3861f1;
			border-radius: 50%;
			transform: scale(0.5);
			overflow: hidden;
		}

		.self {
			background: #3861f1 !important;
			color: #fff !important;
		}

		.true {
			background-color: #FF6A49 !important;
			color: #fff !important;
		}

		.true::after {
			content: ' ';
			position: absolute;
			top: -50%;
			left: -50%;
			right: -50%;
			bottom: -50%;
			border: 1px solid #FF6A49;
			border-radius: 50%;
			transform: scale(0.5);
			overflow: hidden;
		}

		#jiexi_options_type_td_second {
			padding-left: 3%;
			padding-right: 1%;
		}

		/*jiexi_content_parsing布局*/
		#jiexi_content_parsing_layout {
			margin-left: 3%;
			width: 94%;
			margin-top: 30px;
		}

		/*试题详解样式*/
		#jiexi_content_parsing_title {
			display: none;
			color: #02CAAD;
			text-align: center;
			margin-bottom: 10px;
		}

		/*详解,点评,table样式*/
		.table_table_first {
			margin-top: 5px;
			border-bottom: solid 1px gainsboro;
			width: 100%;
			/*border-bottom: none;*/
			/*table-layout:fixed;word-break:break-all*/
			/*word-wrap: break-word;*/
		}

		.table_table_first td {
			/*border: solid red 1px;*/
		}

		.table_table_second {
			margin-top: 5px;
			width: 100%;
			/* margin-bottom: 2.9rem; */
			/*word-wrap: break-word;*/
			/*border-bottom: none;*/
			/*table-layout:fixed;word-break:break-all*/
		}

		#jiexi_content_parsing_parsing_div_first,
		#jiexi_content_parsing_review_div_first {
			padding-top: 10px;
			padding-bottom: 2px;
		}

		/*用户评论样式*/
		#jiexi_parsing_table_img_div {
			margin-right: 2px;
		}

		#jiexi_parsing_table_img_div img {
			border: solid 1px black;
			border-radius: 50%;
			width: 50px;
			height: 50px;
		}

		ul {
			margin: auto;
			margin-left: 2.7rem;
			margin-right: 0rem;
			/*margin-top: 0.1rem;
		margin-bottom: 0.1rem;*/
			padding: 0px;
		}

		li {
			list-style-type: none;
		}

		#aaaaaaa {
			height: 3.4rem;
			background-repeat: no-repeat;
			background-size: 2.5rem 2.5rem;
			background-position: 0rem 50%;
			display: table-cell;
			vertical-align: middle;
		}



		/*写评论样式*/
		.my_short_button {
			font-size: 14px;
			padding-top: 7px;
			padding-bottom: 7px;
			padding-right: 10px;
			padding-left: 10px;
			background-color: #f3564f;
			text-align: center;
			white-space: nowrap;
			border-radius: 5px 5px;
			color: white;
		}

		#jiexi_banner_index {
			width: 100%;
			/*height: 100%;*/
			z-index: 5px;
		}

		#div_pinglun_1 {
			z-index: 15px;
			position: fixed;
			bottom: 0px;
			padding-top: 7.5px;
			padding-bottom: 7.5px;
			padding-left: 8px;
			padding-right: 8px;
			background-color: white;
			width: 100%;
			/*height:2.2rem;*/
			border-top: solid gainsboro 1px;
		}

		#div_pinglun_2 {
			z-index: 15px;
			position: fixed;
			bottom: 0px;
			padding-top: 8px;
			padding-bottom: 8px;
			padding-left: 8px;
			padding-right: 8px;
			background-color: white;
			width: 100%;
			height: 2.2rem;
			border-top: solid gainsboro 1px;

			text-align: center;
			color: #02CAAD;
			font-weight: 700;
			background: url;
		}

		#input_pinglun {
			padding-left: 12px;
			padding-right: 12px;
			padding-top: 5px;
			padding-bottom: 5px;
			width: 70%;
			height: 100%;
			background-color: white;
			border-color: white;
			/*border-width:1px;*/
			border: solid 1px red;

			outline-color: white;
			margin-right: 12px;
		}

		/*整体布局*/
		.page.page-current {
			overflow: auto;
			background-color: white;
		}

		.swiper-slide {
			box-sizing: border-box;
			overflow: hidden;
			/*overflow-x: hidden;*/
			overflow-y: auto;
			/*overflow-y: hidden;*/
			padding-bottom: 2.2rem;
		}


		/*banner必备*/
		.content .swiper-container {
			width: 100%;
			height: 100%;
		}

		.swiper-boxs {
			box-sizing: border-box;
			height: 100%;
			padding-top: 4rem;
		}

		#swiperWrapper {
			font-size: 0.85rem;
		}

		#swiperWrapper.font-80 * , .sub-nav.font-80 * {
			font-size: 0.8rem !important;
		}

		#swiperWrapper.font-85 *, .sub-nav.font-85 * {
			font-size: 0.85rem !important;
		}

		#swiperWrapper.font-95 * , .sub-nav.font-95 * {
			font-size: 0.95rem !important;
		}

		#swiperWrapper.font-110 *, .sub-nav.font-110 * {
			font-size: 1.1rem !important;
		}

		.swiper-button-next {
			color: #3d4145 !important;
		}

		.swiper-button-next:after {
			display: none;
		}

		.problem_img {
			display: block;
			max-width: 100%;
			max-height: 7.5rem;
			object-fit: scale-down;
		}

		.choice_img {
			display: block;
			max-width: 100%;
			max-height: 2.5rem;
			display: block;
			object-fit: scale-down;
		}

		.bar:after {
			z-index: 99;
		}

		.bar {
			background: #fff;
		}

		.icon.icon-left {
			color: #848484;
		}

		.icon img {
			width: 1.1rem;
			height: 1.1rem;
			display: block;
			line-height: 1;
		}

		.bar .icon.pull-right {
			margin-left: 1rem;
		}

		.sub-nav {
			position: absolute;
			top: 2.2rem;
			left: 0;
			right: 0;
			z-index: 100;
		}

		.sub-nav-bar {
			position: relative;
			display: flex;
			align-items: flex-start;
			justify-content: space-between;
			padding: 0.25rem 0.5rem;
			font-size: 0.7rem;
			background: #fff;
		}

		.sub-nav-bar::after {
			content: ' ';
			position: absolute;
			bottom: 0;
			left: -50%;
			right: -50%;
			border: 1px solid #EBEEF5;
			transform: scale(0.5);
		}

		.sub-nav-bar .sub-title {
			flex: 1;
			padding-right: 0.5rem;
			word-break: break-all;
		}

		.sub-nav-bar .sub-total {
			color: #808080;
		}

		.type-name {
			color: #3861f1;
			margin-left: -0.5rem;
		}

		#write-wrap {
			box-sizing: border-box;
			position: absolute;
			top: 0;
			left: -100%;
			/* left: 0; */
			width: 100%;
			height: 100%;
			background: rgba(0, 0, 0, 0.2);
			z-index: 1000;
			display: flex;
			flex-direction: column;
		}

		.write-nav {
			box-sizing: border-box;
			display: flex;
			align-items: center;
			justify-content: space-between;
			width: 100%;
			height: 2.2rem;
			padding: 0 0.75rem;
			background: #a1a1a1;
		}

		.canvas-box {
			flex: 1;
			width: 100%;
			overflow: hidden;
		}

		.canvas {
			width: 100%;
			height: 100%;
		}

		.write-nav .write-nav-left {}

		.write-nav .write-nav-right {
			display: flex;
		}

		.write-nav-right .write-nav_icon {
			margin-left: 0.5rem;
		}

		.write-nav_icon img {
			display: block;
			width: 1rem;
			height: 1rem;
			object-fit: contain;
		}

		.menu-box {
			display: none;
			position: fixed;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			background: rgba(0, 0, 0, 0.4);
			z-index: 9999;
		}

		.menu-box .menu-wrap {
			position: absolute;
			bottom: 0;
			left: 0;
			width: 100%;
			padding: 0 1rem;
			background: #fff !important;
			border-radius: 0.8rem 0.8rem 0 0;
			overflow: hidden;
		}

		.menu-wrap .menu-item,
		.menu-wrap .menu-content,
		.menu-wrap .menu-content-item   {
			display: flex;
			align-items: center;
		}

		.menu-wrap .menu-item {
			padding-top: 1.2rem;
			font-size: 0.7rem;

		}

		.menu-wrap .menu-label {
			margin-right: 1rem;
			padding-top: 0.2rem;
			color: #3861f1;
		}

		.menu-wrap .menu-content {
			flex: 1;
		}

		.menu-content-text {
			padding-top: 0.1rem;
		}

		.menu-wrap .menu-content-item {
			flex: 1;
			margin-right: 0.75rem;
			border-radius: 0.2rem;
			border: 1px solid transparent;
			color: #3861f1;
		}

		.menu-content-item:last-child {
			margin-right: 0;
		}

		.model .menu-content-item {
			justify-content: center;
			height: 1.5rem;
			line-height: 1;
			border-radius: 0.2rem;
			background: #fafafa;
			border: 1px solid transparent;
		}

		.model .menu-content-item:last-child {
			/* color: #919191; */
			color: #3861f1;
			/* background: linear-gradient(to right, #4a4a4a 0%, #1e1e1e 100%); */
		}

		.menu-content .menu-content-icon {
			width: 0.7rem;
			height: 0.7rem;
			display: block;
		}

		.setfont .menu-content-item {
			justify-content: center;
			background: #fafafa;
		}

		.border-grey {
			/* border: 1px solid #696969 !important; */
			border: 1px solid #3861f1 !important;
		}

		.border-white {
			/* border: 1px solid #737373 !important; */
			border: 1px solid #3861f1 !important;
		}

		.error-submit {
			display: flex;
			align-items: center;
			justify-content: flex-end;
			font-size: 0.7rem;
			padding: 0.8rem 0;
			color: #3861f1;
			margin-top: 1rem;
			border-top: 1px solid #dedede;
		}

		.error-text {
			flex: 1;
			text-align: center;
		}

		.main-content {
			position: relative;
			width: 100%;
			height: 100%;
		}

		.document {
			box-sizing: border-box;
			width: 100%;
			height: 30%;
			padding: 0 0.5rem;
			background: #f8f8f8;
			overflow-y: scroll;
			-webkit-overflow-scrolling: touch;
		}

		.document img {
			max-width: 100%;
		}

		#jiexi_content {
			width: 100%;
			height: 100%;
			overflow-y: auto;
			-webkit-overflow-scrolling: touch;
			background: #fff;
		}

		.question-box {
			position: absolute;
			top: 30%;
			left: 0;
			right: 0;
			bottom: 0;
			background: #fff;
			z-index: 10;
			overflow: hidden;
		}

		.question-wrap {
			box-sizing: border-box;
			position: relative;
			width: 100%;
			height: 100%;
			padding-top: 1rem;
			background: #f8f8f8;
		}

		.question-move {
			position: absolute;
			top: 0;
			left: 50%;
			transform: translateX(-50%);
			width: 80px;
			height: 1rem;
			border-radius: 0.4rem 0.4rem 0 0;
			background: #c1c1c1;
			box-sizing: border-box;
			overflow: hidden;
			z-index: 100;
		}

		.question-move span {
			display: block;
			width: 80%;
			margin: 0.23rem auto 0;
			border-top: 1px solid #fff;
		}

		#tilei_centent.dark .bar-nav, #tilei_centent.dark .sub-nav-bar, #tilei_centent.dark .main-content * {
			background-color: #0e0e0e !important;
			color: #919191 !important;
		}

		#tilei_centent.dark .question-move {
			background: #919191 !important;
		}

		#tilei_centent.dark #jiexi_content, #tilei_centent.green #jiexi_content {
			box-shadow: 0 1px 3px #919191;
		}

		#tilei_centent.dark .choosebox {
			color: #3861f1 !important;
		}

		#tilei_centent.dark .choosebox::after {
			border: 1px solid #3861f1 !important;
		}

		#tilei_centent.dark .choosebox.self, #tilei_centent.green .choosebox.self {
			background: #3861f1 !important;
			color: #fff !important;
		}

		#tilei_centent.dark .choosebox.true, #tilei_centent.green .choosebox.true {
			color: #fff !important;
			background: #FF6A49 !important;
		}

		#tilei_centent.dark .choosebox.true::after {
			border: 1px solid #FF6A49 !important;
		}

		#tilei_centent.green .bar-nav, #tilei_centent.green .sub-nav-bar, #tilei_centent.green .main-content * {
			background-color: #c8e8c8 !important;
		}

		#tilei_centent.green .question-move {
			background: #c8e8c8 !important;
		}

		#tilei_centent.green #jiexi_content {
			box-shadow: 0 1px 3px #919191;
		}

		#tilei_centent.green .question-move {
			background: #919191 !important;
		}

		#tilei_centent.dark .menu-box {
			background: transparent !important;
		}

		#tilei_centent.green .menu-box {
			background: rgba(0, 0, 0, 0.4) !important;
		}

		#tilei_centent.dark .menu-box * {
			background: #1d1d1d !important;
			color: #3861f1 !important;
		}

		#tilei_centent.green .menu-box .menu-wrap {
			background: #fff !important;
		}

		#tilei_centent.green .menu-box * {
			/* background: #1d1d1d !important;
			color: #3861f1 !important; */
			background: transparent !important;
		}

		#tilei_centent.dark .error-submit {
			border-top: 1px solid #0e0e0e;
		}

		#tilei_centent.dark .menu-box .model .menu-content-item * {
			background: transparent !important;
		}

		#tilei_centent.dark .menu-box .model .menu-content-item {
			/* background: #4a4a4a !important; */
		}

		#tilei_centent.green .menu-box .menu-content-item {
			background: #fafafa !important;
		}

		#tilei_centent.dark #jiexi_content_parsing_result_one .ratet {
			 color: #FF6A49 !important;
		 }

		 #tilei_centent.dark #jiexi_content_parsing_parsing, #tilei_centent.dark #jiexi_content_parsing_parsing *, #tilei_centent.dark #jiexi_content_parsing_review, #tilei_centent.dark #jiexi_content_parsing_review * {
			background: #1d1d1d !important;
		}
	</style>


</head>

<body>
	<div class="page-group">
		<div class="page page-current">
			<div id="jiexi_banner_index">
				<!-- html代码内容区域 -->
				<div class="content" id="tilei_centent">
					<header class="bar bar-nav">
						<a class="icon icon-left pull-left" onclick="goBack()"></a>
						<a class="icon pull-right">
							<img src="http://47.104.254.28/commonfile/img/img/icon/menu.png" alt="" onclick="showMenu()">
						</a>

						<a class="icon pull-right">
							<img class="love-icon" src="http://47.104.254.28/commonfile/img/img/icon/icon-1.png" alt=""
								onclick="cllect()">
						</a>
					
						<a class="icon pull-right">
							<img src="http://47.104.254.28/commonfile/img/img/icon/icon-6.png" alt="" onclick="showWrite()">
						</a>
						
						
					
					</header>

					<div class="sub-nav">
						<div class="sub-nav-bar">
							<div class="sub-title"></div>
							<div class="sub-total">
								<span id="currentIndex"></span>/<span id="currentTotal"></span>
							</div>
						</div>
					</div>

					<div id="write-wrap" class="write-box">
						<div class="write-nav">
							<div class="write-nav-left">
								<div class="write-nav_icon" onclick="closeWrite()">
									<img src="http://47.104.254.28/commonfile/img/img/icon/times.png" alt="">
								</div>
							</div>
							<div class="write-nav-right">
								<div class="write-nav_icon" onclick="cUndo()">
									<img src="http://47.104.254.28/commonfile/img/img/icon/undo.png" alt="">
								</div>
								<div class="write-nav_icon" onclick="drawImage()">
									<img src="http://47.104.254.28/commonfile/img/img/icon/delete.png" alt="">
								</div>
								<div class="write-nav_icon" onclick="cRedo()">
									<img src="http://47.104.254.28/commonfile/img/img/icon/redo.png" alt="">
								</div>
							</div>
						</div>
						<div class="canvas-box">
							<canvas id="myCanvas" class="canvas"></canvas>
						</div>
					</div>

					<!-- 调整字号，夜间模式 -->
					<div id="menu" class="menu-box">
						<div class="menu-wrap">
							<div class="menu-item model">
								<div class="menu-label">显示</div>
								<div class="menu-content">
									<div class="menu-content-item border-grey" data-light="light">
										<img class="menu-content-icon" src="http://47.104.254.28/commonfile/img/img/icon/white-blue.png" alt="">
										<div class="menu-content-text">日间</div>
									</div>
									<div class="menu-content-item" data-light="dark">
										<img class="menu-content-icon" src="http://47.104.254.28/commonfile/img/img/icon/night-blue.png" alt="">
										<div class="menu-content-text">夜间</div>
									</div>

									<div class="menu-content-item" data-light="green">
										<img class="menu-content-icon" src="http://47.104.254.28/commonfile/img/img/eye.png" alt="">
										<div class="menu-content-text">护眼</div>
									</div>
								</div>
							</div>

							<div class="menu-item setfont">
								<div class="menu-label">文字</div>
								<div class="menu-content">
									<div class="menu-content-item" data-font="80">
										<div class="menu-content-text">小号</div>
									</div>
									<div class="menu-content-item border-grey" data-font="85">
										<div class="menu-content-text">中号</div>
									</div>
									<div class="menu-content-item" data-font="95">
										<div class="menu-content-text">大号</div>
									</div>
									<div class="menu-content-item" data-font="110">
										<div class="menu-content-text">特大</div>
									</div>
								</div>
							</div>

							<div class="error-submit" onclick="goJiuCuo()">
								<div class="error-text">错题反馈</div>
								<span class="icon icon-right"></span>
							</div>
						</div>
					</div>

					<!-- Slider -->
					<div id="swiperWrapper" class="swiper-boxs">
						<div class="swiper-container" id="">
							<div class="swiper-wrapper" id="jiexi_list">
								<!--<div class="swiper-slide">1</div>
								 <div class="swiper-slide">2</div>
								 <div class="swiper-slide">3</div>
								 <div class="swiper-slide">4</div>-->
	
							</div>
						</div>
					</div>
				</div>
			</div>

			<div id="div_pinglun_1" style="z-index: 15;">
				<input onfocus="scrollToEnd(this)" type="text" placeholder="说点什么~" id="input_pinglun" />
				<a href="#" class="my_short_button" onclick="pinglun()" id="id_pinglun">评论</a>
			</div>

			<div id="div_pinglun_2" style="z-index: 15;" onclick="showpinglun()">
				<span id="" onclick="">
					来点评一下吧~
				</span>
			</div>
		</div>
	</div>




	<!-- 固定的js引用，所有的jQuery 要用 $$ 表示 -->
	<script type="text/javascript"
		src="http://47.104.254.28/commonfile/js/js/jquery-1.11.1.min.js"></script>
	<script type="text/javascript">var $$ = jQuery.noConflict();</script>
	<script type='text/javascript'
		src='http://47.104.254.28/commonfile/zepto/zepto/zepto.min.js' charset='utf-8'></script>
	<script type='text/javascript' src='http://47.104.254.28/commonfile/js/js/sm.min.js'
		charset='utf-8'></script>
	<script src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.0.7/js/swiper.min.js"></script>
	<script src="http://47.104.254.28/commonfile/js/js/canvasdraw.js"></script>

	<!-- <script type="text/javascript"
		src="../../js/js/jquery-1.11.1.min.js"></script>
	<script type="text/javascript">var $$ = jQuery.noConflict();</script>
	<script type='text/javascript'
		src='../../zepto/zepto/zepto.min.js' charset='utf-8'></script>
	<script type='text/javascript' src='../../js/js/sm.min.js'
		charset='utf-8'></script>
	<script src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.0.7/js/swiper.min.js"></script> -->

	<!-- <script type='text/javascript' src='http://47.104.254.28/commonfile/js/js/sm-extend.min.js' charset='utf-8'></script> -->
	<!-- <script src="http://47.104.254.28/commonfile/js/js/swiper/swiper.min.js"></script> -->

	<script type="text/javascript">
		// var vConsole = new VConsole();

		var add_ping_id = new Array;
		var jiexi_id = new Array;
		var zuile_id = new Array;
		var canshu_num = 0;
		var swiper = null;
		var paper_id = null;
		var shoucang_question_id = new Array();

		function goJiuCuo() {
			native_goto('local/jiucuo');
		};
		//	解析回调
		function getParams(data) {
			//	data需要转成json调用 ，函数urlParamParseJson();
			var jsonData = urlParamParseJson(data);
			var params = {
				// paper_id:1,
				// type:0
				paper_id: jsonData.paper_id,
				type: jsonData.type
				// question_id:jsonData.type
			}
			paper_id = jsonData.paper_id;
			// var params = {
			// 	paper_id:31,
			// 	type:0
			// 	// question_id:jsonData.type
			// }
			// paper_id = params.paper_id
			net_request('get', 'user/questionExplainList', params, successCallBack, errorCallBack);
		}

		//	成功的回调解析函数
		function successCallBack(data) {
			if (swiper) {
				swiper.destroy(false)
			}
			$$("#jiexi_list").html('');
			if (isNotNull(data)) {
				//    		console.log("解析数据");
				//    		console.log(data);
				if (data.success == true) {
					//	        	处理curval.type为0时
					var curval = data.data;
					$$('#currentTotal').text(data.data.length);
					for (var uu = 0; uu < curval.length; uu++) {
						shoucang_question_id[uu] = curval[uu].question_id;
						//	          		评论id
						add_ping_id[uu] = "pinglunid_" + curval[uu].question_id;
						jiexi_id[uu] = "jiexiid_" + curval[uu].question_id;
						zuile_id[uu] = curval[uu].question_id;
						$$('.sub-nav-bar .sub-title').text(curval[uu].title);
						var typeName = ''
						if (isNotNull(curval[uu].type_name)) {
							typeName = `<span class="type-name">（${curval[uu].type_name}）</span>`;
						} else {
							typeName = `<span class="type-name"></span>`;
						}

						var richText = '';
						if (isNotNull(curval[uu].details)) {
							richText = curval[uu].details
						}

						curval[uu].sequence = uu + 1;
						var typezero = "";
						typezero += curval[uu].type;
						if (isNotNull(typezero)) {
							//多选题
							if (typezero == "1") {
								var duoxuanti = "多选题";
								var problem = "";//问题
								if (isNotNull(curval[uu].problem)) {
									problem = curval[uu].problem;
								}
								var problem_img = "";
								if (isNotNull(curval[uu].problem_img)) {
									problem ="";
									problem_img = `<img class="problem_img" src="${curval[uu].problem_img}">`;
								}
								var explain = "";//解析
								if (isNotNull(curval[uu].explain)) {
									explain = curval[uu].explain;
								}
								var explain_img = '';
								if (isNotNull(curval[uu].explain_img)) {
									explain_img = `<img class="problem_img" src="${curval[uu].explain_img}">`;
								}
								var answer = "";//答案
								if (isNotNull(curval[uu].answer)) {
									answer = "正确答案&nbsp;<span class='ratet' style='color:#FF6A49'>" + curval[uu].answer + "</span>&nbsp;&nbsp;";
								}
								var user_answer = "";//用户答案
								if (isNotNull(curval[uu].user_answer)) {
									user_answer = "您的选项&nbsp;" + curval[uu].user_answer + "&nbsp;&nbsp;";
								}
								var tureorfalse = "";
								if (isNotNull(curval[uu].answer) && isNotNull(curval[uu].user_answer)) {
									if (curval[uu].answer == curval[uu].user_answer) {
										tureorfalse = "回答正确";
									} else {
										tureorfalse = "回答错误";
									}
								}

								var zongjietureorfalse = user_answer + tureorfalse;
								//		          			console.log(zongjietureorfalse);
								var error_rate = "";
								if (isNotNull(curval[uu].error_rate)) {
									error_rate = "考友错误率：" + curval[uu].error_rate + "%";
								}


								var jiexicontent_one = '\
											<div class="swiper-slide" id="'+ jiexi_id[uu] + '" data-sequence="'+ curval[uu].sequence +'" question_id="' + curval[uu].question_id + '">\
												<div class="main-content">\
												<div class="document">' + richText + '</div>\
												<div class="question-box">\
												<div class="question-wrap">\
												<div class="question-move"><span></span><span></span><span></span></div>\
				          			<div id="jiexi_content">\
				          				<div id="jiexi_content_type">\
				          					<div id="jiexi_content_type_layout">\
				          						<span id="jiexi_content_type_span">\
				          							'+ duoxuanti + '\
				          						</span>\
				          					</div>\
				          				</div>\
					          			<div id="jiexi_content_question">\
					          				<div id="jiexi_content_question_layout">\
					          					<span id="jiexi_content_question_layout_span">\
					          						'+ typeName + problem + problem_img + '\
					          					</span>\
					          				</div>\
					          			</div>\
					          			<div id="jiexi_content_options">\
					          				<div id="jiexi_content_options_layout">\
					          				<!--单选题内容区--><!--多选题内容区-->\
					          	';
								var jiexicontent_two = "";
								//							正确答案
								//							console.log(curval[uu].answer);
								//							console.log(curval[uu].user_answer);
								var duo_answer = new Array();
								var duo_user_answer = new Array();
								duo_answer = (curval[uu].answer).split(",");
								duo_user_answer = (curval[uu].user_answer).split(",");
								//							console.log(duo_answer);
								//							console.log(duo_user_answer);
								//							您的选项
								for (var yy = 0; yy < curval[uu].choice.length; yy++) {
									var danxuan_style = "";
									var danxuan_duigou = "";
									//								您的选择
									for (var duouserl = 0; duouserl < duo_user_answer.length; duouserl++) {
										if (duo_user_answer[duouserl] == curval[uu].choice[yy].choice_tag) {
											// danxuan_style = "background-color:#02CAAD;border:#02CAAD solid 1px;color:white;";
											// danxuan_duigou = "√";
											danxuan_style = 'self';
										}
									}
									//								console.log(danxuan_style);
									//								正确答案
									for (var duoanl = 0; duoanl < duo_answer.length; duoanl++) {
										if (duo_answer[duoanl] == curval[uu].choice[yy].choice_tag) {
											// danxuan_style = "background-color:none;color:#FF6A49;border:#FF6A49 solid 1px;";
											// danxuan_duigou = "";
											danxuan_style = 'true';
										}
									}

									var choice_img = '';
									if (isNotNull(curval[uu].choice[yy].choice_img)) {
										choice_img = `<img class="choice_img" src="${curval[uu].choice[yy].choice_img}">`;
									} else {
										choice_img = curval[uu].choice[yy].choice;
									}

									jiexicontent_two += '\
												<div id="jiexi_options_type_" class="jiexi_options_type" style="">\
													<table>\
														<tr>\
															<td id="jiexi_options_type_td_first" class=""><div class="choosebox '+ danxuan_style + '">'+ curval[uu].choice[yy].choice_tag + '</div></td>\
															<td id="jiexi_options_type_td_second">'+ choice_img + '</td>\
															<td id="jiexi_duigou_" class="jiexi_duigou">'+ danxuan_duigou + '</td>\
														</tr>\
													</table>\
												</div>\
									';


									// jiexicontent_two += '\
									// 			<div id="jiexi_options_type_" class="jiexi_options_type" style="'+ danxuan_style + '">\
									// 				<table>\
									// 					<tr>\
									// 						<td id="jiexi_options_type_td_first">'+ curval[uu].choice[yy].choice_tag + '</td>\
									// 						<td id="jiexi_options_type_td_second">'+ curval[uu].choice[yy].choice + '</td>\
									// 						<td id="jiexi_duigou_" class="jiexi_duigou">'+ danxuan_duigou + '</td>\
									// 					</tr>\
									// 				</table>\
									// 			</div>\
									// ';
								}

								var jiexicontent_three = '\
					          				</div>\
					          			</div>\
					          			<div id="jiexi_content_parsing">\
											<div id="jiexi_content_parsing_layout">\
												<div id="jiexi_content_parsing_title">\
													<span id="">\
														——————试题详解——————\
													</span>\
												</div>\
												<div id="jiexi_content_parsing_result">\
													<div id="jiexi_content_parsing_result_one">\
														<span>'+ answer + '</span>\
														<span>'+ user_answer + '</span>\
														<span>'+ tureorfalse + '</span>\
													</div>\
													<div id="jiexi_content_parsing_result_two">\
														'+ error_rate + '\
													</div>\
												</div>\
												<div id="jiexi_content_parsing_parsing">\
													<div id="jiexi_content_parsing_parsing_div_first">\
														<span id="jiexi_content_parsing_parsing_span">\
															解析\
														</span>\
													</div>\
													<div id="jiexi_content_parsing_parsing_div_second">\
														'+ explain + explain_img +'\
													</div>\
												</div>\
												<div id="jiexi_content_parsing_review">\
													<div id="jiexi_content_parsing_review_div_first">\
														<span id="jiexi_content_parsing_review_span">\
															点评\
														</span>\
													</div>\
													<div id="'+ add_ping_id[uu] + '"></div>\
												</div>\
											</div>\
										</div>\
					          		</div>\
					          		</div>\
					          		</div>\
					          		</div>\
				          		</div>\
				          		';
								var jiexicontent = jiexicontent_one + jiexicontent_two + jiexicontent_three;
								$$("#jiexi_list").append(jiexicontent);
							}
							//单选题
							//		          		console.log(curval[2].problem);
							if (typezero == "0") {
								var danxuanti = "单选题";
								var problem = "";//问题
								if (isNotNull(curval[uu].problem)) {
									problem = curval[uu].problem;
								}
								var problem_img = "";
								if (isNotNull(curval[uu].problem_img)) {
									problem = "";
									problem_img = `<img class="problem_img" src="${curval[uu].problem_img}">`;
								}
								var explain = "";//解析
								if (isNotNull(curval[uu].explain)) {
									explain = curval[uu].explain;
								}
								var explain_img = '';
								if (isNotNull(curval[uu].explain_img)) {
									explain_img = `<img class="problem_img" src="${curval[uu].explain_img}">`;
								}
								var answer = "";//答案
								if (isNotNull(curval[uu].answer)) {
									answer = "正确答案&nbsp;<span class='ratet' style='color:#FF6A49'>" + curval[uu].answer + "</span>&nbsp;&nbsp;";
								}
								var user_answer = "";//用户答案
								if (isNotNull(curval[uu].user_answer)) {
									user_answer = "您的选项&nbsp" + curval[uu].user_answer + "&nbsp;&nbsp;";
								}
								var tureorfalse = "";
								if (isNotNull(curval[uu].answer) && isNotNull(curval[uu].user_answer)) {
									if (curval[uu].answer == curval[uu].user_answer) {
										tureorfalse = "回答正确";
									} else {
										tureorfalse = "回答错误";
									}
								}

								var error_rate = "";
								if (isNotNull(curval[uu].error_rate)) {
									error_rate = "考友错误率：" + curval[uu].error_rate + "%";
								}


								var jiexicontent_one = '\
											<div class="swiper-slide" id="'+ jiexi_id[uu] + '" data-sequence="'+ curval[uu].sequence +'" question_id="' + curval[uu].question_id + '">\
												<div class="main-content">\
												<div class="document">' + richText + '</div>\
												<div class="question-box">\
												<div class="question-wrap">\
												<div class="question-move"><span></span><span></span><span></span></div>\
				          			<div id="jiexi_content">\
				          				<div id="jiexi_content_type">\
				          					<div id="jiexi_content_type_layout">\
				          						<span id="jiexi_content_type_span">\
				          							'+ danxuanti + '\
				          						</span>\
				          					</div>\
				          				</div>\
					          			<div id="jiexi_content_question">\
					          				<div id="jiexi_content_question_layout">\
					          					<span id="jiexi_content_question_layout_span">\
					          						'+ typeName + problem + problem_img + '\
					          					</span>\
					          				</div>\
					          			</div>\
					          			<div id="jiexi_content_options">\
					          				<div id="jiexi_content_options_layout">\
					          				<!--单选题内容区--><!--多选题内容区-->\
					          	';
								var jiexicontent_two = "";

								for (var yy = 0; yy < curval[uu].choice.length; yy++) {
									var danxuan_style = "";
									var danxuan_duigou = "";
									//								正确答案
									if (curval[uu].choice[yy].choice_tag == curval[uu].answer) {
										danxuan_style = 'true'
										// danxuan_style = "background-color:none;color:#FF6A49;border:#FF6A49 solid 1px;";
										// danxuan_duigou = "";
									}
									//								您的选项
									if (curval[uu].choice[yy].choice_tag == curval[uu].user_answer && curval[uu].choice[yy].choice_tag != curval[uu].answer) {
										danxuan_style = 'self'
										// danxuan_style = "background-color:#02CAAD;border:#02CAAD solid 1px;color:white;";
										// danxuan_duigou = "√";
									}

									//								正确答案与选项相同
									// if (curval[uu].choice[yy].choice_tag == curval[uu].answer && curval[uu].choice[yy].choice_tag != curval[uu].user_answer) {
									// 	danxuan_style = 'true'
									// 	// danxuan_style = "background-color:none;color:#FF6A49;border:#FF6A49 solid 1px;";
									// 	// danxuan_duigou = "";
									// }

									var choice_img = '';
									if (isNotNull(curval[uu].choice[yy].choice_img)) {
										choice_img = `<img class="choice_img" src="${curval[uu].choice[yy].choice_img}">`;
									} else {
										choice_img = curval[uu].choice[yy].choice;
									}

									jiexicontent_two += '\
										<div id="jiexi_options_type_" class="jiexi_options_type" style="">\
											<table>\
												<tr>\
													<td id="jiexi_options_type_td_first""><div  class="choosebox '+ danxuan_style + '"">'+ curval[uu].choice[yy].choice_tag + '</div></td>\
													<td id="jiexi_options_type_td_second">'+ choice_img + '</td>\
													<td id="jiexi_duigou_" class="jiexi_duigou">'+ danxuan_duigou + '</td>\
												</tr>\
											</table>\
										</div>\
									';
									// jiexicontent_two += '\
									// 	<div id="jiexi_options_type_" class="jiexi_options_type" style="'+ danxuan_style + '">\
									// 		<table>\
									// 			<tr>\
									// 				<td id="jiexi_options_type_td_first">'+ curval[uu].choice[yy].choice_tag + '</td>\
									// 				<td id="jiexi_options_type_td_second">'+ curval[uu].choice[yy].choice + '</td>\
									// 				<td id="jiexi_duigou_" class="jiexi_duigou">'+ danxuan_duigou + '</td>\
									// 			</tr>\
									// 		</table>\
									// 	</div>\
									// ';
								}

								var jiexicontent_three = '\
					          				</div>\
					          			</div>\
					          			<div id="jiexi_content_parsing">\
											<div id="jiexi_content_parsing_layout">\
												<div id="jiexi_content_parsing_title">\
													<span id="">\
														——————试题详解——————\
													</span>\
												</div>\
												<div id="jiexi_content_parsing_result">\
													<div id="jiexi_content_parsing_result_one">\
														<span>'+ answer + '</span>\
														<span>'+ user_answer + '</span>\
														<span>'+ tureorfalse + '</span>\
													</div>\
													<div id="jiexi_content_parsing_result_two">\
														'+ error_rate + '\
													</div>\
												</div>\
												<div id="jiexi_content_parsing_parsing">\
													<div id="jiexi_content_parsing_parsing_div_first">\
														<span id="jiexi_content_parsing_parsing_span">\
														  解析\
														</span>\
													</div>\
													<div id="jiexi_content_parsing_parsing_div_second">\
														'+ explain + explain_img +'\
													</div>\
												</div>\
												<div id="jiexi_content_parsing_review">\
													<div id="jiexi_content_parsing_review_div_first">\
														<span id="jiexi_content_parsing_review_span">\
															点评\
														</span>\
													</div>\
													<div id="'+ add_ping_id[uu] + '"></div>\
												</div>\
											</div>\
										</div>\
					          		</div>\
											</div>\
										</div>\
					          		</div>\
				          		</div>\
				          		';
								var jiexicontent = jiexicontent_one + jiexicontent_two + jiexicontent_three;
								$$("#jiexi_list").append(jiexicontent);
							}
							//问答题
							if (typezero == "2") {
								var wendati = "问答题";
								var problem = "";//问题
								if (isNotNull(curval[uu].problem)) {
									problem = curval[uu].problem;
								}
								var problem_img = "";
								if (isNotNull(curval[uu].problem_img)) {
									problem = "";
									problem_img = `<img class="problem_img" src="${curval[uu].problem_img}">`;
								}
								var explain = "";//解析
								if (isNotNull(curval[uu].explain)) {
									explain = curval[uu].explain;
								}
								var answer = "";//答案
								if (isNotNull(curval[uu].answer)) {
									answer = "正确答案&nbsp;<span class='ratet' style='color:#FF6A49'>" + curval[uu].answer + "</span>&nbsp;&nbsp;";
								}
								var user_answer = "";//用户答案
								var user_answer_text = "";
								if (isNotNull(curval[uu].user_answer)) {
									user_answer = "您的答案：" + curval[uu].user_answer;
									user_answer_text = curval[uu].user_answer;
									//		          				console.log(user_answer_text);
									//		          				user_answer = "您的答案："+curval[uu].user_answer+"&nbsp;&nbsp;";
								}
								//		          			var tureorfalse="";
								//		          			if(isNotNull(curval[uu].user_answer)){
								//		          				tureorfalse = "回答正确";
								//		          			}else{
								//	          					tureorfalse = "回答错误";
								//	          				}
								var error_rate = "";
								if (isNotNull(curval[uu].error_rate)) {
									error_rate = "考友错误率：" + curval[uu].error_rate + "%";
								}


								var jiexicontent_one = '\
											<div class="swiper-slide" id="'+ jiexi_id[uu] + '" data-sequence="'+ curval[uu].sequence +'" question_id="' + curval[uu].question_id + '">\
												<div class="main-content">\
												<div class="document">' + richText + '</div>\
												<div class="question-box">\
												<div class="question-wrap">\
												<div class="question-move"><span></span><span></span><span></span></div>\
				          			<div id="jiexi_content">\
				          				<div id="jiexi_content_type">\
				          					<div id="jiexi_content_type_layout">\
				          						<span id="jiexi_content_type_span">\
				          							'+ wendati + '\
				          						</span>\
				          					</div>\
				          				</div>\
					          			<div id="jiexi_content_question">\
					          				<div id="jiexi_content_question_layout">\
					          					<span id="jiexi_content_question_layout_span">\
					          						'+ typeName + problem + problem_img + '\
					          					</span>\
					          				</div>\
					          			</div>\
					          			<div id="jiexi_content_options">\
					          				<div id="jiexi_content_options_layout">\
					          				<!--单选题内容区--><!--多选题内容区-->\
					          	';
								var jiexicontent_two = "";
								jiexicontent_two = '<textarea rows="4" value="" readonly="ture" style="width: 100%;">' + user_answer_text + '</textarea>';
								var jiexicontent_three = '\
					          				</div>\
					          			</div>\
					          			<div id="jiexi_content_parsing">\
											<div id="jiexi_content_parsing_layout">\
												<div id="jiexi_content_parsing_title">\
													<span id="">\
														——————试题详解——————\
													</span>\
												</div>\
												<div id="jiexi_content_parsing_result">\
													<div id="jiexi_content_parsing_result_one">\
														<span>'+ answer + '</span>\
														<span>'+ user_answer + '</span>\
													</div>\
													<div id="jiexi_content_parsing_result_two">\
														'+ error_rate + '\
													</div>\
												</div>\
												<div id="jiexi_content_parsing_parsing">\
													<div id="jiexi_content_parsing_parsing_div_first">\
														<span id="jiexi_content_parsing_parsing_span">\
															解析\
														</span>\
													</div>\
													<div id="jiexi_content_parsing_parsing_div_second">\
														'+ explain + '\
													</div>\
												</div>\
												<div id="jiexi_content_parsing_review">\
													<div id="jiexi_content_parsing_review_div_first">\
														<span id="jiexi_content_parsing_review_span">\
															点评\
														</span>\
													</div>\
													<div id="'+ add_ping_id[uu] + '"></div>\
												</div>\
											</div>\
										</div>\
					          		</div>\
				          		</div>\
				          		</div>\
				          		</div>\
				          		</div>\
				          		';
								var jiexicontent = jiexicontent_one + jiexicontent_two + jiexicontent_three;
								$$("#jiexi_list").append(jiexicontent);
							}
							//填空题
							if (typezero == "3") {
								var tiankongti = "填空题";
								var problem = "";//问题
								if (isNotNull(curval[uu].problem)) {
									problem = curval[uu].problem;
								}
								var problem_img = "";
								if (isNotNull(curval[uu].problem_img)) {
									problem = "";
									problem_img = `<img class="problem_img" src="${curval[uu].problem_img}">`;
								}
								var explain = "";//解析
								if (isNotNull(curval[uu].explain)) {
									explain = curval[uu].explain;
								}
								var answer = "";//答案
								if (isNotNull(curval[uu].answer)) {
									answer = "正确答案&nbsp;<span class='ratet' style='color:#FF6A49'>" + curval[uu].answer + "</span>&nbsp;&nbsp;";
								}
								var user_answer = "";//用户答案
								var user_answer_input = "";
								if (isNotNull(curval[uu].user_answer)) {
									user_answer = "您的答案：" + curval[uu].user_answer + "&nbsp;&nbsp;";
									user_answer_input = curval[uu].user_answer;
								}
								var tureorfalse = "";
								if (isNotNull(curval[uu].answer) && isNotNull(curval[uu].user_answer)) {
									if (curval[uu].answer == curval[uu].user_answer) {
										tureorfalse = "回答正确";
									} else {
										tureorfalse = "回答错误";
									}
								}

								var error_rate = "";
								if (isNotNull(curval[uu].error_rate)) {
									error_rate = "考友错误率：" + curval[uu].error_rate + "%";
								}


								var jiexicontent_one = '\
											<div class="swiper-slide" id="'+ jiexi_id[uu] + '" data-sequence="'+ curval[uu].sequence +'" question_id="' + curval[uu].question_id + '">\
												<div class="main-content">\
												<div class="document">' + richText + '</div>\
												<div class="question-box">\
												<div class="question-wrap">\
												<div class="question-move"><span></span><span></span><span></span></div>\
				          			<div id="jiexi_content">\
				          				<div id="jiexi_content_type">\
				          					<div id="jiexi_content_type_layout">\
				          						<span id="jiexi_content_type_span">\
				          							'+ tiankongti + '\
				          						</span>\
				          					</div>\
				          				</div>\
					          			<div id="jiexi_content_question">\
					          				<div id="jiexi_content_question_layout">\
					          					<span id="jiexi_content_question_layout_span">\
					          						'+ typeName + problem + problem_img +'\
					          					</span>\
					          				</div>\
					          			</div>\
					          			<div id="jiexi_content_options">\
					          				<div id="jiexi_content_options_layout">\
					          				<!--单选题内容区--><!--多选题内容区-->\
					          	';
								var jiexicontent_two = '\
					        	<input type="" name="" id="" readonly="readonly" value="'+ user_answer_input + '" style="width: 100%;padding:2px;" />\
					        	';

								var jiexicontent_three = '\
					          				</div>\
					          			</div>\
					          			<div id="jiexi_content_parsing">\
											<div id="jiexi_content_parsing_layout">\
												<div id="jiexi_content_parsing_title">\
													<span id="">\
														——————试题详解——————\
													</span>\
												</div>\
												<div id="jiexi_content_parsing_result">\
													<div id="jiexi_content_parsing_result_one">\
														<span>'+ answer + '</span>\
														<span>'+ user_answer + '</span>\
														<span>'+ tureorfalse + '</span>\
													</div>\
													<div id="jiexi_content_parsing_result_two">\
														'+ error_rate + '\
													</div>\
												</div>\
												<div id="jiexi_content_parsing_parsing">\
													<div id="jiexi_content_parsing_parsing_div_first">\
														<span id="jiexi_content_parsing_parsing_span">\
															解析\
														</span>\
													</div>\
													<div id="jiexi_content_parsing_parsing_div_second">\
														'+ explain + '\
													</div>\
												</div>\
												<div id="jiexi_content_parsing_review">\
													<div id="jiexi_content_parsing_review_div_first">\
														<span id="jiexi_content_parsing_review_span">\
															点评\
														</span>\
													</div>\
													<div id="'+ add_ping_id[uu] + '"></div>\
												</div>\
											</div>\
										</div>\
					          		</div>\
					          		</div>\
					          		</div>\
					          		</div>\
				          		</div>\
				          		';
								var jiexicontent = jiexicontent_one + jiexicontent_two + jiexicontent_three;
								$$("#jiexi_list").append(jiexicontent);
							}
						}

						setContentPadding();
						moveQuestionInit();

						if (!isNotNull(curval[uu].details)) {
							$$('.question-box').eq(uu).css('top', 0);
							$$('.question-wrap').eq(uu).css('padding', 0);
							$$('.question-move').eq(uu).css('display', 'none');
						}

						if (uu == 0) {
							getpinglunParams("getpinglunParams?question_id=" + curval[uu].question_id);
							ornotcllect();
						}
					}
					//				for循环结束
				}
			}

			//banner必备
			swiper = new Swiper('.swiper-container', {
				observer: true, //修改swiper自己或子元素时，自动初始化swiper
				observeParents: true, //修改swiper的父元素时，自动初始化swiper
				on: {
					slideChangeTransitionEnd: function () {
						dis_showpinglun();
						canshu_num = swiper.activeIndex;
						$$('#currentIndex').text($$($$('.swiper-slide')[swiper.activeIndex]).data('sequence'));
						//	    					alert(swiper.activeIndex);
						//	      					add_ping_id[swiper.activeIndex];
						getpinglunParams("getpinglunParams?question_id=" + zuile_id[canshu_num]);
						ornotcllect();
					},
					slidePrevTransitionEnd: function () {
						dis_showpinglun();
						canshu_num = swiper.activeIndex;
						$$('#currentIndex').text($$($$('.swiper-slide')[swiper.activeIndex]).data('sequence'));
						//	    					alert(swiper.activeIndex);
						getpinglunParams("getpinglunParams?question_id=" + zuile_id[canshu_num]);
						ornotcllect();
					}
				}
			});
			$$('#currentIndex').text($$($$('.swiper-slide')[swiper.activeIndex]).data('sequence'));
		}
		// 失败的回调解析函数
		function errorCallBack(data) {
			console.log(data);
		}




		//	评价中question_id的id
		//	var pingjie = "";
		//	评价回调
		function getpinglunParams(data) {
			// 		data需要转成json调用 ，函数urlParamParseJson();
			var jsonData = urlParamParseJson(data);
			var params = {
				question_id: jsonData.question_id,
				limit: '5',
				offest: '0'
			}
			//		网络请求框架，需要传入成功函数回调和 失败函数回调
			net_request('get', 'api/v1/comments', params, pinglunsuccessCallBack, pinglunerrorCallBack);
		}
		//	成功的评价回调
		function pinglunsuccessCallBack(data) {
			if (isNotNull(data)) {
				if (data.success == true) {
					//	        	console.log("评论数据");
					console.log(data);
					var curval = data.data;
					var pinglength = "";
					var ddping = "";
					//	          	if(isNotNull(data.data)){
					////	          		console.log(data.data[0].question_id);
					//	          		pingjie = data.data[0].question_id;
					//	          	}

					//	          	限制评论数量
					//	          	if(curval.length>=5){
					//	          		pinglength=5;
					//	          	}
					//	          	if(curval.length<5){
					//	          		pinglength=curval.length;
					//	          	}
					for (var a = 0; a < curval.length; a++) {
						if (a == 5) {
							break;
						}
						//	          		console.log("aa");
						//	          		#jiexi_parsing_table_img_div为头像位置
						//					#jiexi_review_nickname为用户名
						//					#jiexi_review_time为提交时间

						var avatar_url = curval[a].avatar_url;
						var nickname = curval[a].nickname != '' && curval[a].nickname != undefined && curval[a].nickname != null ? curval[a].nickname : '';
						var created_at = curval[a].created_at;
						var pinglun_content = curval[a].content;
						//					console.log(avatar_url);
						if (a == (curval.length - 1) || a == 4) {
							//						console.log(nickname);
							//						ddping += '\
							//		          			<table class="table_table_second"><tr><td>\
							//									<div id="jiexi_parsing_table_img_div">\
							//									<img src="'+avatar_url+'"/>\
							//									</div>\
							//								</td>\
							//								<td>\
							//									<div id="jiexi_review_nickname">'+nickname+'</div>\
							//									<div id="jiexi_review_time">'+created_at+'</div>\
							//								</td>\
							//							</tr>\
							//							<tr><td></td>\
							//								<td>'+pinglun_content+'</td>\
							//							</tr>\
							//						</table>\
							//		          		';
							ddping += '\
							<div id="" class="table_table_second">\
								<div id="aaaaaaa" style="background-image: url('+ avatar_url + ');">\
									<ul >\
										<li class="mingzi">'+ nickname + '</li>\
										<li>'+ created_at + '</li>\
									</ul>\
								</div>\
								<div id="" style="margin-top:-0.5rem;padding-left: 2.7rem;word-wrap: break-word">\
									'+ pinglun_content + '\
								</div>\
							</div>\
						';
						} else {
							//		          		ddping += '\
							//		          			<div>\
							//		          			<table class="table_table_first">\
							//		          				<tr>\
							//		          					<td>\
							//										<div id="jiexi_parsing_table_img_div">\
							//										<img src="'+avatar_url+'"/>\
							//										</div>\
							//									</td>\
							//									<td>\
							//										<div id="jiexi_review_nickname">'+nickname+'</div>\
							//										<div id="jiexi_review_time">'+created_at+'</div>\
							//									</td>\
							//								</tr>\
							//								<tr>\
							//									<td></td>\
							//									<td>'+pinglun_content+'</td>\
							//								</tr>\
							//							</table>\
							//							</div>\
							//		          		';
							ddping += '\
							<div id="" class="table_table_first">\
								<div id="aaaaaaa" style="background-image: url('+ avatar_url + ');">\
									<ul >\
										<li class="mingzi">'+ nickname + '</li>\
										<li>'+ created_at + '</li>\
									</ul>\
								</div>\
								<div id="" style="margin-top:-0.5rem;padding-left: 2.7rem;word-wrap: break-word">\
									'+ pinglun_content + '\
								</div>\
							</div>\
						';
						}
						//					console.log(add_ping_id[0]);
						//					console.log(ddping);
						var addpingid = "#" + add_ping_id[canshu_num];
						//					console.log(canshu_num);
						//					console.log(addpingid);
						$$(addpingid).html(ddping);

						//					console.log(asdad);
					}
					//	          	console.log(ddping);
					//	          	$$(add_ping_id).html(ddping);
				}
			}
		}
		// 	失败的评价回调函数
		function pinglunerrorCallBack(data) {
			console.log(data);
		}




		//	提交评价回调
		function pinglun() {
			var a = $$("#input_pinglun").val();
			// 		data需要转成json调用 ，函数urlParamParseJson();
			if (isNotNull(a)) {

				var params = {
					question_id: zuile_id[canshu_num],
					content: $$("#input_pinglun").val()
				}
				//			网络请求框架，需要传入成功函数回调和 失败函数回调
				net_request('post', 'api/v1/comments', params, pingtisuccessCallBack, pingtierrorCallBack);
				//			$.toast('评论完成', 2000);
				//			console.log(data);			
			} else {
				$.toast('评论不能为空', 2000);
				return;
			}

		}
		//	成功的提交评价回调
		function pingtisuccessCallBack(data) {

			//		console.log("提交评论接口");
			console.log(data);
			getpinglunParams("getpinglunParams?question_id=" + zuile_id[canshu_num]);
			$$("#input_pinglun").val("");
			$.toast('评论完成', 2000);
			dis_showpinglun();
		}

		// 	失败的提交评价回调函数
		function pingtierrorCallBack(data) {
			console.log(data);
		}
		//	隐藏评论		
		function dis_showpinglun() {
			$("#div_pinglun_2").show();
			$("#div_pinglun_1").hide();
		}
		//	展示评论
		function showpinglun() {
			//      noteid = pid;
			$("#div_pinglun_2").hide();
			$("#div_pinglun_1").show();
			$("#input_pinglun").focus();
		}

			// 显示答题板
			function showWrite() {
			let question_id = $$('.swiper-slide').eq(swiper.activeIndex).attr('question_id');
			cPushArray = JSON.parse(localStorage.getItem('cuo_swiper_' + paper_id + '_' + question_id + '_' + curuserid)) || [];
			cStep = localStorage.getItem('cuo_swiper_cStep_' + paper_id + '_' + question_id + '_' + curuserid) || -1;
			isClearDraw = true;
			drawImage();
			$$('#write-wrap').css('left', '0');
		}

		function closeWrite() {
			let question_id = $$('.swiper-slide').eq(swiper.activeIndex).attr('question_id');
			localStorage.setItem('cuo_swiper_' + paper_id + '_' + question_id + '_' + curuserid, JSON.stringify(cPushArray));
			localStorage.setItem('cuo_swiper_cStep_' + paper_id + '_' + question_id + '_' + curuserid, cStep);
			$$('#write-wrap').css('left', '-100%');
		}

		//收藏
		function cllect() {
			//		var jsonData = urlParamParseJson(data); 
			var params = {
				user_id: curuserid,
				paper_ques_id: shoucang_question_id[canshu_num],
				paper_id: paper_id
			}
			net_request('post', 'api/v1/collect_questions', params, cllectsuccessCallBack, cllecterrorCallBack);
		}
		function cllectsuccessCallBack(data) {
			//		console.log(data);
			if (isNotNull(data)) {
				if (data.success == true) {
					$.toast('操作成功', 1500);

					//	        	console.log(data);
					if (data.data.id) {
						$$("#shoucang").text("取消收藏");
						$$('.love-icon').attr('src', 'http://47.104.254.28/commonfile/img/img/icon/icon-2.png');
					} else {
						$$("#shoucang").text("收藏");
						$$('.love-icon').attr('src', 'http://47.104.254.28/commonfile/img/img/icon/icon-1.png');
					}
				} else {
					$.toast('操作失败', 1500);
				}
			}
		}
		function cllecterrorCallBack(data) {
			console.log(data);
			$.toast('操作失败', 1500);
		}

		//	是否收藏
		function ornotcllect() {
			//		var jsonData = urlParamParseJson(data); 
			var params = {
				user_id: curuserid,
				paper_ques_id: shoucang_question_id[canshu_num],
				paper_id: paper_id
			}
			net_request('post', 'api/v1/questionIsCollection', params, ornotcllectcllectsuccessCallBack, ornotcllectcllecterrorCallBack);
		}
		function ornotcllectcllectsuccessCallBack(data) {
			//		console.log(data);
			if (isNotNull(data)) {
				if (data.success == true) {
					if (isNotNull(data.data)) {
						//		        	console.log(data);
						if (data.data.id) {
							$$("#shoucang").text("取消收藏");
							$$('.love-icon').attr('src', 'http://47.104.254.28/commonfile/img/img/icon/icon-2.png');
						} else {
							$$("#shoucang").text("收藏");
							$$('.love-icon').attr('src', 'http://47.104.254.28/commonfile/img/img/icon/icon-1.png');
						}
					} else {
						$$("#shoucang").text("收藏");
						$$('.love-icon').attr('src', 'http://47.104.254.28/commonfile/img/img/icon/icon-1.png');
					}
				}
			}
		}
		function ornotcllectcllecterrorCallBack(data) {
			console.log(data);
		}
		var mousePressedQuestion;
		
		function moveQuestionInit() {
			var savBarHeight = $$('.sub-nav-bar').height();
			var barNav = $$('.bar-nav').height();
			$$('.question-move').on('touchstart', function (e) {
				e.preventDefault();
				mousePressedQuestion = true;
			});

			$$('.question-move').on('touchmove', function (e) {
				e.preventDefault();
				if (!mousePressedQuestion) {
					return false;
				}
				let startY = e.originalEvent.changedTouches[0].pageY;
				let moveTop = parseInt(startY) - parseInt(savBarHeight) - parseInt(barNav);

				let questionBox = $$('.question-box').eq($$(this).index('.question-move'));
				let documents = $$('.document').eq($$(this).index('.question-move'));

				if (moveTop <= 0) {
					moveTop = 0;
				}
				if (moveTop >= ($$('.main-content').height() - $$(this).height())) {
					moveTop = $$('.main-content').height() - $$(this).height()
				}

				questionBox.css({ top: moveTop + 'px' });
				documents.height($$('.main-content').height() - questionBox.height());
			});

			$$('.question-move').on('touchend', function (e) {
				if (mousePressedQuestion) {
					mousePressedQuestion = false;
				}
			});
		}

		// 显示调整字号，夜间模式
		function showMenu() {
			$$('#menu').show();
		}

		// 隐藏调整字号
		$$('#menu').on('click', function(e) {
			e.stopPropagation();
			$$(this).hide();
		});

		$$('.menu-wrap').on('click', function(e){
			e.stopPropagation();
		})

		// 设置日间模式 夜间模式
		$$('.model .menu-content-item').on('click', function(e){
			e.stopPropagation();
			isLight = $$(this).data('light');
			if (isLight == 'light') {
				$$('#tilei_centent').removeClass('dark green')
				$$('.setfont .border-white').addClass('border-grey').removeClass('border-white');
				$('#div_pinglun_2').css({ 'background': '#fff' });
			} else if (isLight == 'green') {
				$$('#tilei_centent').addClass('green').removeClass('dark')
				$$('.setfont .border-white').addClass('border-grey').removeClass('border-white');
				$('#div_pinglun_2').css({ 'background': '#c8e8c8' });
			} else {
				$$('.setfont .border-grey').addClass('border-white').siblings().removeClass('border-grey');
				$$('#tilei_centent').addClass('dark').removeClass('green')
				$('#div_pinglun_2').css({ 'background': '#0e0e0e' });
			}
			$$(this).addClass('border-grey').removeClass('border-white').siblings().removeClass('border-grey');
			localStorage.setItem('isLightCuo', isLight);
		})

		// 设置字体大小
		$$('.setfont .menu-content-item').on('click', function(e){
			e.stopPropagation();
			if (isLight != 'dark') {
				$$(this).addClass('border-grey').siblings().removeClass('border-white').removeClass('border-grey');
			} else {
				$$(this).addClass('border-white').siblings().removeClass('border-white').removeClass('border-grey');
			}
			localStorage.setItem('fontSizeCuo', $$(this).data('font'));
			setFont($$(this).data('font'))
		})

		var isLight = localStorage.getItem('isLightCuo') == 'dark' ? 'dark' : localStorage.getItem('isLightCuo') == 'green' ? 'green' : 'light';
		var fontSize = localStorage.getItem('fontSize') || '85';
		function initPage() {
			console.log(isLight)
			if (isLight == 'dark') {
				$$('#tilei_centent').addClass('dark').removeClass('green');
				$$('.model .menu-content-item').eq(1).addClass('border-grey').removeClass('border-white').siblings().removeClass('border-grey');
				$('#div_pinglun_2').css({ 'background': '#0e0e0e' });
			} else if (isLight == 'green') {
				$$('#tilei_centent').addClass('green').removeClass('dark');
				$$('.model .menu-content-item').eq(2).addClass('border-grey').removeClass('border-white').siblings().removeClass('border-grey');
				$('#div_pinglun_2').css({ 'background': '#c8e8c8' });
			} else {
				$$('#tilei_centent').removeClass('green dark');
				$$('.model .menu-content-item').eq(0).addClass('border-grey').removeClass('border-white').siblings().removeClass('border-grey');
				$('#div_pinglun_2').css({ 'background': '#ffffff' });
			}
			$$('.setfont .menu-content-item').each(function(index, el){
				if ($$(el).data('font') == fontSize) {
					if (isLight != 'dark') {
						$$(el).addClass('border-grey').siblings().removeClass('border-white').removeClass('border-grey');
					} else {
						$$(el).addClass('border-white').siblings().removeClass('border-white').removeClass('border-grey');
					}
				}
			});
			setFont(fontSize);
		}

		function setFont(fontSize) {
			switch (String(fontSize)) {
					case '80':
					$$('#swiperWrapper').addClass('font-80').removeClass('font-85 font-95 font-110');
					setContentPadding();
						break;
						case '85':
					$$('#swiperWrapper').addClass('font-85').removeClass('font-80 font-95 font-110');
					setContentPadding();
						break;
						case '95':
					$$('#swiperWrapper').addClass('font-95').removeClass('font-80 font-85 font-110');
					setContentPadding();
						break;
						case '110':
						$$('#swiperWrapper').addClass('font-110').removeClass('font-80 font-85 font-95');
					setContentPadding();
						break;
				
					default:
						break;
				}
		}

		function setContentPadding() {
			let height = $$('.bar-nav').height() + $$('.sub-nav').height();
			$$('.swiper-boxs').css({ 'padding-top': height + 'px' });
			savBarHeight = $$('.sub-nav-bar').height();
			barNav = $$('.bar-nav').height();
		}
		initPage()

		function goBack() {
			var values = {
				type: 'finish'
			}
			send_data(values)
		}

		$$(function () {
			InitThis();
			//		答题接口
			// getParams("getParams?paper_id="+30+"&type="+0);
			//		错题解析
			//		 getParamsjiexi("getParamsjiexi?paper_id="+1+"&type="+1);
			//		所有题解析
			// getParamsjiexi("getParamsjiexi?paper_id="+1+"&type="+0);
			//		评论接口
			// getpinglunParams("getpinglunParams?question_id="+2);
			//		发表评论接口

			// getParams();
			// getParams();

			dis_showpinglun();

			$.init();
		});


	</script>
</body>

</html>